@font-face {
    font-family: iconfont;
    src: url(fonts/iconfont-201608.eot?t=1473325267);
    src: url(fonts/iconfont-201608.eot?t=1473325267#iefix) format("embedded-opentype"), url(fonts/iconfont-201608.woff?t=1473325267) format("woff"), url(fonts/iconfont-201608.ttf?t=1473325267) format("truetype"), url(fonts/iconfont-201608.svg?t=1473325267#iconfont) format("svg");
  }
  
  
  .iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
    &.checkbox {
      &:before {
        content: "";
      }
      display: inline-block;
      width: 18px;
      height: 18px;
      line-height: 18px;
      border: 1px solid #e0e0e0;
      background-color: #fff;
      color: #fff;
      font-size: 16px;
      text-align: center;
      vertical-align: middle;
      position: relative;
      top: -1px;
      cursor: pointer;
      &:hover {
        color: #666;
      }
      &.checked {
        color: #fff;
        border-color: #ee0a3b;
        background-color: #ee0a3b;
      }
    }
  }
  
  .site-logo span.cart {
    width: 130px;
    line-height: 60px;
    float: right;
    background: #fff;
    color: #243745;
    font-size: 26px;
  }
  
  .col-6 {
    display: inline-block;
    overflow: hidden;
    width: 50%;
  }
  
  .cart-main, .cart-null, .recommend-goods {
    width: 1140px;
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
  }
  
  button {
    font-family: "Microsoft Yahei", arial, "Hiragino Sans GB", sans-serif;
    cursor: pointer;
  }
  
  #cart {
    width: 100%;
    background: #efefef;
    padding: 50px 0;
    .cart-foot .cart-act {
      margin-left: 26px;
    }
    .cart-main {
      .check, .manjian-info {
        margin-left: 26px;
      }
      font-size: 14px;
      color: #666;
      a {
        color: #666;
      }
      .cart-head {
        padding: 29px 0;
        overflow: hidden;
      }
      .item {
        overflow: hidden;
        padding: 30px 0;
      }
      .cart-list .line {
        border-top: 1px solid #e0e0e0;
      }
      .cart-head > div, .item > div {
        float: left;
      }
      .cart-head > div {
        line-height: 30px;
      }
      .check {
        cursor: pointer;
        input[type=checkbox] {
          cursor: pointer;
        }
      }
      .cart-head .check {
        width: 170px;
        text-align: left;
      }
      .item .check {
        width: 50px;
        text-align: left;
      }
      .cart-head .title, .item .title {
        text-align: left;
        width: 400px;
      }
      .cart-head {
        .amount, .price {
          text-align: center;
          width: 150px;
        }
      }
      .item {
        .amount, .price {
          text-align: center;
          width: 150px;
        }
      }
      .cart-head .totalPrice, .item .totalPrice {
        text-align: center;
        width: 180px;
      }
      .cart-head .act {
        text-align: center;
      }
      .item {
        .act {
          text-align: center;
          span.del {
            display: inline-block;
            width: 25px;
            height: 25px;
            line-height: 25px;
            padding: 1px;
            text-align: center;
            cursor: pointer;
            &:hover {
              color: #fff;
              border-radius: 13px;
              background: #ee0a3b;
            }
          }
        }
        > div {
          height: 62px;
          line-height: 62px;
          overflow: hidden;
        }
        .check input {
          margin-top: 30px;
        }
        .image {
          width: 120px;
          text-align: center;
          img {
            width: 62px;
            height: 62px;
          }
        }
        .title a {
          font-size: 18px;
        }
        .totalPrice {
          color: #ee0a3b;
        }
      }
      .amountAct {
        margin-top: 10px;
        width: 148px;
        height: 38px;
        border: 1px solid #e0e0e0;
        text-align: center;
        background-color: #fff;
        position: relative;
        zoom: 1;
        > div {
          float: left;
          width: 38px;
          height: 38px;
          line-height: 38px;
          color: #757575;
          font-size: 20px;
          font-weight: 700;
          cursor: pointer;
          &:hover {
            background: #e0e0e0;
          }
        }
        input {
          float: left;
          width: 72px;
          height: 38px;
          line-height: 38px;
          padding: 0;
          border-width: 0;
          color: #424242;
          font-size: 16px;
          text-align: center;
          &:focus {
            outline: 0;
          }
        }
      }
      .manjian-info {
        padding: 20px 0;
        .title {
          display: inline-block;
          padding: 3px;
          color: #fff;
          background: #ee0a3b;
          margin-right: 5px;
        }
      }
    }
    .cart-foot .cart-count .total-price {
      color: #ee0a3b;
    }
    .cart-main {
      .manjian-info {
        .current {
          color: #ee0a3b;
        }
        a.coudan {
          color: #ee0a3b;
          margin-left: 5px;
        }
      }
      .giveaway {
        width: 1000px;
        margin-left: 76px;
        margin-bottom: 20px;
        .item {
          background: #efefef;
          margin-top: 1px;
          padding: 10px 0;
        }
        .amount {
          margin-left: 150px;
        }
      }
    }
    .cart-foot {
      border-top: 18px solid #efefef;
      overflow: hidden;
      .interval-character {
        margin: 0 15px;
      }
      .cart-act {
        width: 200px;
        line-height: 81px;
        float: left;
      }
      .cart-count {
        width: 690px;
        padding-top: 18px;
        text-align: right;
        float: left;
        .total-price > span {
          font-size: 26px;
        }
      }
      .checkout {
        float: right;
        > button {
          color: #fff;
          font-size: 21.57px;
          background: #ee0a3b;
          padding: 26px 46px;
          border: 0;
          &:disabled {
            background-color: #aaa;
          }
        }
      }
    }
    .empty-cart {
      background: url(../images/empty-cart.png) no-repeat #FFF;
      height: 180px;
      padding-left: 230px;
      padding-top: 20px;
      margin-left: 300px;
      margin-top: 50px;
      margin-bottom: 50px;
      p {
        color: #6e6e70;
        font-size: 36px;
        margin-bottom: 30px;
      }
      .goto-buy-btn {
        width: 182px;
        line-height: 42px;
        font-size: 22px;
        display: block;
        text-align: center;
        background: #ee0a3b;
        color: #fff;
        padding: 0.5rem;
      }
    }
  }
  
  .recommend-goods {
    margin-top: 20px;
    > .title {
      padding-left: 15px;
      line-height: 50px;
      border-bottom: 1px solid #efefef;
      font-size: 20px;
    }
    .list {
      margin: 20px 0;
      overflow: hidden;
      text-align: center;
    }
    .col-3 {
      display: inline-block;
      border: 1px solid #ddd;
      padding: 5px 10px;
      + .col-3 {
        margin-left: 10px;
      }
    }
    .item {
      overflow: hidden;
      width: 247px;
      text-align: left;
      .image {
        display: inline-block;
        text-align: center;
        width: 100%;
      }
      .title {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
      }
      .price {
        color: #ee0a3b;
      }
      .add_cart {
        margin-top: 10px;
        padding: 10px 0;
        border-top: 1px solid #efefef;
        text-align: center;
        > button {
          background: #ee0a3b;
          color: #fff;
          border: 1px solid #ee0a3b;
          padding: 10px;
          font-size: 14px;
        }
      }
    }
  }
  
  .peijian {
    margin: 12px 0 12px 76px;
    border: 1px solid #dbdbdb;
    padding: 10px 28px;
    overflow: hidden;
    line-height: 62px;
    width: 1000px;
    box-sizing: border-box;
  }
  
  .peijian-add {
    background: #ee0a3b;
    color: #fff;
    font-size: 2em;
    width: 24px;
    height: 24px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    &:after {
      content: '+';
      cursor: pointer;
    }
  }
  
  .peijian-img {
    width: 62px;
    height: 62px;
    margin: 0 28px;
  }
  
  .peijian-price {
    color: #ee0a3b;
  }